<template>
    <div class="common-layout">
      <el-container>
        <el-aside width="200">

            <menuCom></menuCom>
        </el-aside>
        <el-container>
          <el-header>
            <headerCom></headerCom>
          </el-header>
          <el-main>
                <router-view ></router-view>
          </el-main>
        </el-container>
      </el-container>
    </div>
  </template>
  <script setup>
    import headerCom from './layout/header.vue'
    import menuCom from './layout/menu.vue'
</script>
  <style lang="scss" scoped>
    .el-aside{
        background-color: aqua;
    }
    .el-header{
        background-color: aquamarine;
    }
    .el-main{
        background-color: blanchedalmond;
    }
    .logo{
        height: 60px;
        background-color: chartreuse;
    }
</style>
  